<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <base th:href="${#request.getContextPath()}+'/'">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>微分销后台管理系统</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>

        <div id="treeview6" class=""></div>

</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script src="js/bootstrap-treeview.js"></script>
<script type="text/javascript">

    $(function() {

        /*获取数据*/
        $.get("user/funcList",
            function (defaultData) {
                /*读取数据显示主要通过text,href*/
                $('#treeview6').treeview({
                    data: defaultData,
                    levels:1
                });

                /*点击事件*/
                /*data是点击的item所对应的json数据*/
                $("#treeview6").on("nodeSelected",function(event,data){
                    //有些item没有href属性，所以点击的时候，这个数据就是undefined。
                    if (data.href == undefined) {
                        return;
                    } else {
                        $("#right").load(data.href);

                    }
                    // window.location.href=data.href;
                });
        });
    });
</script>
</body>
</html>